@charset "utf-8";

* {margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; list-style:none;}
h1 {font-size:22px; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:14px; font-weight:bold; color:#003951;}
h3 {font-size:12px; font-weight:normal; color:#003951;}
h4 {font-size:18px; color:#003951;}
h5 {font-size:14px; font-weight:bold; color:#003951; margin:10px 0;}
h6 {font-size:14px; font-weight:bold; color:#003951; margin-top:20px;}
a {color:#003951;}
p {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0;}
span {font-size:12px; font-weight:normal; color:#003951; display:block;}
.clear {width:80%; margin:auto; clear:both;}
.divisor {width:80%; border-bottom:#CCC dotted 1px; margin:auto; clear:both;}
img, object, embed, video {
	max-width: 100%;
}

.ie6 img {
	width:100%;
}

.skryt {
    display: none;
}


.scroller {
    font-size: 14px;
    margin-top: 20px;
}

.fechaactualizacion {
                font-family:Arial, Helvetica, sans-serif; 
                font-size:10px; 
                margin:10px 0;
				color:#00708C;
                }

ul li {
    font-size: 12px;
    font-family: Arial,Helvetica,sans-serif;
    list-style: disc inside;
    margin: 10px 0;
}

/* //////////////////////////////////
   Dise�o m�vil: 480 px e inferior. 
   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	}

#head {
	width:100%;
	height:auto;
	background:#E0F6FF;
	border-top:#003951 5px solid;
	border-bottom:#003951 5px solid;
	text-align:center;
	}

#titulo {
	width:92%;
	height:auto;
	margin:15px auto;
	color:#003951;
	}
#titulo h2 {margin-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
#titulo h3 {font-size:12px; color:#003951; display:block; font-weight:normal; margin-bottom:5px;font-family:Arial, Helvetica, sans-serif;}
#titulo h4 {font-size:12px; color:#003951; display:block; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}

.listado li a {background:url(../img/pacifico_movil/flecha4-1.png) no-repeat center left; padding-left:10px; font-size:14px; font-weight:bold; display:block; margin-bottom:5px;}
.listado li a:hover {text-decoration:none;}


/*********** NOTICIAS ***********/

#titulo_noticias {
	width:100%;
	height:73px;
	background:#003951;
	padding-top:15px;
	}

.icono_noticias {
	background:url(../img/pacifico_movil/icono_noticias-1.png) no-repeat;
	width:49px;
	height:54px;
	margin:0 auto;
	}

.noticia {
	width:90%;
	height:auto;
	margin:20px auto;
	}
.noticia span {font-size:12px; font-weight:normal; color:#003951;}
.noticia p {margin-top:10px;}
.noticia h5 {margin:0;}
.noticia a {font-size:14px; font-weight:bold;}
.noticia a:hover {text-decoration:none;}
.noticia h4 {font-size: 14px;}

.img_noticia {
	float:left;
	width:40%;
	margin-right:10px;
	}

/*********** EVENTOS ***********/

.icono_eventos {
	background:url(../img/pacifico_movil/icono_eventos-1.png) no-repeat;
	width:49px;
	height:55px;
	margin:0 auto;
	}

.eventos {
	width:90%;
	height:auto;
	margin:20px auto;
	}

.eventos a {
    font-size: 14px;
    font-weight: bold;
	background:url(../img/pacifico_movil/flecha4-1.png) no-repeat left center;
	padding-left:10px;
	margin-bottom:0;
}

.eventos ul {
	margin:20px 0;
	}

.eventos ul li a:hover {text-decoration:none;}

.eventos ul li span {font-size:12px; font-weight:normal; color:#003951; margin-left:10px;}

.eventos ul li p {margin-left:10px;}


.consulte_todo {
	width:100%;
	height:26px;
	background:#003951;
	text-align:center;
	border-bottom:#FFF 1px solid;
	margin-top:15px;
	}
.consulte_todo a {color:#FFF; font-size:12px; text-align:center; margin:0 auto; width:auto; text-decoration:none; }	
.consulte_todo a:hover {text-decoration:underline;}
.flecha {
	background:url(../img/pacifico_movil/flecha1-1.png) no-repeat center right;
	padding-right:15px;
	}



/*********** PREGUNTAS FRECUENTES ***********/

.preguntas {
	width:90%;
	height:auto;
	margin:20px auto;
	}

.icono_preguntas {
	background:url(../img/pacifico_movil/icono_preguntas-1.png) no-repeat;
	width:136px;
	height:58px;
	margin:0 auto;
	}

.preguntas a {
    font-size: 14px;
    font-weight: bold;
}

.preguntas ul {
	margin:20px 0;
	}

.preguntas ul li a:hover {text-decoration:none;}

.preguntas ul li p {background:url(../img/pacifico_movil/flecha4-1.png) no-repeat; padding-left:10px;}


.preguntas_detalle {
	width:90%;
	height:auto;
	margin:20px auto;
	}

.preguntas_detalle ul {
	margin:20px 0;
	}

.preguntas_detalle ul li a:hover {text-decoration:none;}




/*********** CONTACTENOS ***********/

#titulo_contacto {
	width:100%;
	height:68px;
	background:#003951;
	padding-top:20px;
	}

.icono_contacto {
	background:url(../img/pacifico_movil/icono_contacto-1.png) no-repeat;
	width:78px;
	height:51px;
	margin:0 auto;
	}

.contactenos {
	width:90%;
	height:auto;
	margin:20px auto;
	}

.titulo_tabla {
				font-size:11px;
                padding:5px !important;
                background:#00708C;
                color:#FFF;
                text-align:center;
                border:none !important;
                }
.titulo_tabla strong {color:#FFF !important;}

.div_tabla_peque {width:65%; overflow-x:scroll;}

.titulo_tabla_peque {
  font-weight:normal;
                padding:15px !important;
                background:#00708C;
                color:#FFF;
                text-align:center;
                border:none !important;
                font-size:12px; 
  }

caption {color:#003951; font-weight:bold;}

.tablas {width:100%; margin:20px auto;}
.tablas td:first-child {width:30%}

.tablas td {
                padding:5px 7px;
                width:auto;
                color:#333; 
                font-size:12px;
                font-family:Arial;
                }

.tablas td label {
                padding:5px 7px;
                width:auto;
                color:#333; 
                font-size:12px;
                font-family:Arial;
                }
				
.tdatos-estilo1 {background:#FFF; width:100%;}
.tdatos-estilo2 {background:#E0F6FF; width:100%;}

.tablas td a {
                text-decoration:underline;
                color:#003951 !important;
                }

.tablas select, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; width:90%}	
.enviar {width:auto; font-size:12px; color:#333; padding:3px;}



/* <<<<<<<<<<<<<<<<<<<<<<<< FORMULARIOS >>>>>>>>>>>>>>>>>>>>>>>>> */

legend {
    font-weight: bold;
    padding: 0 10px;
    text-transform: uppercase;
	}

fieldset {
	margin: 20px 0;
    padding: 20px 15px;
	border-left:none;
	border-right:none;
	border-bottom:none;
	border-top:1px dotted;	
	}
	
.r_button {
    margin: 0 2px 15px 10px;
}

input[type=radio] {width:auto;}

.formularios_contenido {margin:30px 0; width:100%; border-top:#00708C 1px dotted; border-bottom:#00708C 1px dotted; padding:5px 0;}

.titulo_formulario {
	width:100%;
	padding:5px 0;
	color:#00708C;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
	}

.formularios_contenido span {font-size:0.9em;}

.formularios_contenido label {font-family:Arial, Helvetica, sans-serif; color:#00708C; font-size:0.8em; font-weight:bold;}

.formularios_contenido input[type=text] {
	width:90%px;
	height:25px;
	border:0;
	background:#E0F6FF;
	border-radius:5px;
	font-size:0.75em;
	padding-left:10px;
	margin-bottom:10px;
	display:block;
	}

.formularios_contenido input:focus {border:#00708C 1px solid; background:#FFF;}

.formularios_contenido textarea {
	width:90%px;
	min-height:70px;
	border:0;
	background:#E0F6FF;
	border-radius:5px;
	font-size:0.7em;
	padding:10px;
	margin-bottom:7px;
	color:#333;
	}

.formularios_contenido textarea:focus {background:#FFF; border:#00708C 1px solid;}

.pregunta_seguridad {margin-bottom:20px;}

.pregunta_seguridad p {font-weight:bold;}

.pregunta_seguridad .suma {
	padding:5px 10px;
	border:#E0F6FF 2px solid;
	float:left;
	}

.pregunta_seguridad .respuesta_suma {
	padding:5px 10px;
	background:#E0F6FF;
	float:left;
	}

.pregunta_seguridad .respuesta_suma span {display:inline;}

.pregunta_seguridad .respuesta_suma input {
	width:50px;
	background:#FFFFFF;
    float: right;
    margin: 0 0 0 10px;
    width: 50px;
	}

.enviar_form {
	color:#fff;
	background:#003951;
	padding:5px 10px;
	border-radius:5px;
	display:block;
	border:0;
	margin:15px auto;
	width:auto;
	}

.enviar_form:hover {
	background:#00708C;
	cursor:pointer;
	}

.formularios_contenido select {
	margin-bottom:10px;
	background:#003951;
	border:0;
	font-size:0.88em;
	color:#FFF;
	}

.formularios_contenido select option {background:#00708C;}
.formularios_contenido .checklist {border-bottom:#E0F6FF 2px solid; padding:1px 5px 5px 5px;}
.formularios_contenido .checklist p {margin-top:10px;}
.formularios_contenido .checklist p strong {color:#00708C !important;}
.formularios_contenido .checklist input {margin:0 0 10px 15px;}
.formularios_contenido .checklist label {color:#333;}

.formularios_contenido .span_busqueda {display: block;float: left;width: 90px;}

.comentarios .titulos ul {margin:0 !important;}

.comentarios .titulos ul li {
	list-style:none !important;
	background:#00708C;
	float:left;
	text-align:center;
	padding:5px;
	margin-right:3px;
	}
	
.comentarios .titulos ul li p {
	color:#FFF;
	margin:0 auto;
	}	
	
.comentarios .titulos ul .item {
	width:25px;
	}

.comentarios .titulos ul .fecha {
	width:120px;
	}		

.comentarios .titulos ul .autor {
	width:100px;
	}
	
.comentarios .titulos ul .titulo {
	width:180px;
	}
	
.comentarios .coments ul {margin:0 !important; border-bottom:#00708C 1px dotted; width:480px; min-height:40px;}

.comentarios .coments ul li {
	list-style:none !important;
	float:left;
	text-align:center;
	padding:5px 0;
	margin-right:3px;
	}
	
.comentarios .coments ul li p {
	margin:0 auto;
	font-size:0.86em;
	}	
	
.comentarios .coments ul .check_coment {
	width:35px;
	}

.comentarios .coments ul .check_coment input {
	margin-top:8px;
	}

.comentarios .coments ul .fecha_coment {
	width:130px;
	}		

.comentarios .coments ul .autor_coment {
	width:110px;
	}
	
.comentarios .coments ul .titulo_coment {
	width:190px;
	}	
	
.comentarios .enviar_form {font-size:0.86em; float:left; margin-right:5px;}





/*********** P  Q  R   ***********/

.contactenos ul {
	margin:20px 0;
	}

.contactenos ul li a:hover {text-decoration:none;}

.contactenos ul li a h5 {
	background:url(../img/pacifico_movil/flecha4-1.png) no-repeat left center;
	padding-left:10px;
	margin-bottom:0;
	}

.contactenos ul li span {font-size:12px; font-weight:normal; color:#003951; margin-left:10px;}

.contactenos ul li p {margin-left:10px;}

.icono_pqr {
	background:url(../img/pacifico_movil/icono_pqr-1.png) no-repeat;
	width:188px;
	height:59px;
	margin:0 auto;
	}


/*********** FOROS	 ***********/

.icono_foros{
	background:url(../img/pacifico_movil/icono_foros-1.png) no-repeat;
	width:47px;
	height:55px;
	margin:0 auto;
	}

.tablas_comentarios {width:auto; border-collapse:collapse; border:none; font-size:12px;}				
.tablas_comentarios td {padding:0 10px; border:0;}
.anidados {border-collapse:collapse; border:none;}
.anidados td {padding:0 !important;}

/*********** ENCUESTA	 ***********/

.icono_encuesta{
	background:url(../img/pacifico_movil/icono_encuesta-1.png) no-repeat;
	width:56px;
	height:54px;
	margin:0 auto;
	}

.encuesta {
	padding:0 10px 10px 10px;
	margin:15px auto;
	}
.encuesta p {font-size:11px;}
.encuesta h3 {font-size:14px; text-decoration:none; margin:10px 0 3px 0;}
.encuesta li {list-style:url(../img/flecha1.png) inside;}
.encuesta a {color:#333; font-size:12px; text-decoration:underline;}
.encuesta a:hover {font-weight:bold;}


/*********** MENU PRINCIPAL ***********/

#menu {
	width:100%;
	height:auto;
	background:#00708C;
	border-bottom:#FFF 1px solid;
	padding:5px 0;
	}
#menu li {margin:20px 8%; display:block; background:url(../img/pacifico_movil/menu-1.png) no-repeat left center;}
#menu li:last-child {background:url(../img/pacifico_movil/sitio-1.png) no-repeat left center; text-decoration:underline; color:#FFF; margin:20px 7%;}
#menu li:last-child a {margin-left:33px;}
#menu a {margin-left:30px; color:#FFF; font-size:14px; text-decoration:none; display:block; background:url(../img/pacifico_movil/flecha2-1.png) no-repeat center right;}
#menu a:hover {text-decoration:underline;}


/*********** PIE ***********/

#pie {
	width:100%;
	height:auto;
	background:#003951;
	padding:15px 0;
	}
#pie p{color:#E0F6FF; font-size:11px; text-align:center; margin:0 15px;}


/* pagina noticia detallada */

.img_noticia_detalle {
	float:none;
	width:100%;
	margin:20px 10px 0 0;
	}

#inicio_volver {
	width:100%;
	height:28px;
	background:#00708C;
	padding-top:8px;
	}
#inicio_volver a {color:#FFF; text-decoration:none; background:url(../img/pacifico_movil/flecha3-1.png) no-repeat center left; padding-left:10px; font-size:13px; display:block; margin-left: 6%;}
#inicio_volver a:hover {text-decoration:underline;}

/* pagina contenido textos */

.textos {
	width:90%;
	height:auto;
	margin:20px auto;
	}
.textos p {margin:10px 0; color:#333;}
.textos h5 {color:#003951; font-size:16px;}
.textos h6 {color:#003951; font-size:14px;}
.textos ul li a { 
	display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
	background:url(../img/pacifico_movil/flecha4-1.png) no-repeat center left;
	margin-bottom:5px;
	}


.volver {
	margin:30px auto 15px auto;
	background:url(../img/pacifico_movil/volver-1.png) no-repeat left center;
	padding-left:10px;
	font-size:13px;
	display:block;
	width:90%;
	}

/* ////////////////////////////////////////////////////////////////////
   Dise�o tableta: de 481 px a 768 px. Hereda estilos de: Dise�o m�vil.
   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 100%;
	/*padding-left: 1.1625%;
	padding-right: 1.1625%;*/
	}

.img_noticia {
	float:left;
	width:25%;
	}

#menu li:last-child {background:url(../img/pacifico_movil/sitio-1.png) no-repeat left center; text-decoration:underline; color:#FFF; margin:20px 7.5%;}

.img_noticia_detalle {
	float:none;
	width:60%;
	margin:20px 10px 0 0;
	}
		
}





/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
   Dise�o escritorio: de 769 px hasta un m�ximo de 1232 px.  Hereda estilos de: Dise�o m�vil y Dise�o tableta. 
   \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\ */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	/*max-width: 1232px;*/
	/*padding-left: 0.9%;
	padding-right: 0.9%;*/
	margin: auto;
	}
	
.img_noticia {
	float:left;
	width:20%;
	}

#menu li:last-child {background:url(../img/pacifico_movil/sitio-1.png) no-repeat left center; text-decoration:underline; color:#FFF; margin:20px 7.5%;}	

.img_noticia_detalle {
	float:none;
	width:40%;
	margin:20px 10px 0 0;
	}

}